<%@taglib prefix="sql" uri="http://java.sun.com/jsp/jstl/sql"%>

<%  if( request.getParameter("opcion") == null ){ %>

        <script> location.href="series?opcion=0"; </script>

<%    }   %>

<%@page contentType="text/html" pageEncoding="UTF-8" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

<!DOCTYPE html>

<html lang="en">
  <head>
    <meta content="text/html; charset=utf-8" http-equiv="content-type">
    <title>Peliculas</title>
    <meta name="description" content="Place your description here">
    <meta name="keywords" content="put, your, keyword, here">
    <meta name="author" content="Templates.com - website templates provider">
    <link rel="stylesheet" href="css/jquery-ui.min.css" type="text/css" media="all">
    <link rel="stylesheet" href="css/reset.css" type="text/css" media="all">
    <link rel="stylesheet" href="css/layout.css" type="text/css" media="all">
    <link rel="stylesheet" href="css/style.css" type="text/css" media="all">
    <script type="text/javascript" src="js/jquery.min.js"></script>
    <script type="text/javascript" src="js/jquery-ui.min.js"></script>
    <script type="text/javascript" src="http://info.template-help.com/files/ie6_warning/ie6_script.js"></script>
    <script type="text/javascript" src="js/cufon-yui.js"></script>
    <script type="text/javascript" src="js/cufon-replace.js"></script>
    <script type="text/javascript" src="js/AG_Foreigner_Light-Plain_400.font.js"></script>
    <script type="text/javascript" src="js/Myriad_Pro_400.font.js"></script>
    <script type="text/javascript" src="js/tabs.js"></script>
    <script type="text/javascript" src="js/jquery.faded.js"></script>
    <script type="text/javascript" src="js/script.js"></script>
    
    <script>
        $('#admin').hide("linear");
    </script>
    
    <script>
            function adminSerie( idSerie ){
                 
                    $.get('series',{administrarserie:idSerie},function(responseText) {
                    $('#admin').html(responseText);    
                    $('#admin').show("swing");    
                    
                 })
             }

    
             function eliminarSerieBD(  ){
                 
                    idSerie = $("#idserie").val();
                    $.get('series',{eliminarserie:idSerie},function(responseText) {
                    location.href = document.URL;
                 })
             }
             
             function eliminarSerieBD(  ){
                 
                    idSerie = $("#idserie").val();
                    $.get('series',{eliminarserie:idSerie},function(responseText) {
                    location.href = document.URL;
                 })
             }
             
             function eliminarPeliculadeSerieBD(  ){
                 
                    idSerie = $("#idserie").val();
                    $.get('series',{eliminarserie:idSerie},function(responseText) {
                    location.href = document.URL;
                 })
             }
             
             
        </script>
    <!--[if lt IE 7]>
		 <link rel="stylesheet" href="css/ie/ie6.css" type="text/css" media="screen">		 <script type="text/javascript" src="js/ie_png.js"></script>		 <script type="text/javascript">				ie_png.fix('.png, ul.tabs li a, ul.tabs li a span, ul.tabs li a span, figure img');		 </script><![endif]-->
    <!--[if lt IE 9]>
		<script type="text/javascript" src="js/html5.js"></script>	<![endif]-->
    <script>
        var mensaje = "${mensaje}";
        if ( mensaje != "" ){
            alert(mensaje);
        }
    </script>
  </head>
  <body id="page1">
    <div class="wrap">
      <div class="ic"><!-- HLinks --></div>
      <!-- header -->
      <header>
        <div class="container">
          <h1><a href="index.html">Video Minuto<span></span></a></h1>
          <nav>
            <ul>
              <li><a href="index.jsp" class="active"><span><span>Peliculas</span></span></a></li>
              <li><a href="opciones?opcion=2"><span><span>Series</span></span></a></li>
              <li><a href="opciones?opcion=3"><span><span>Colecciones</span></span></a></li>
              <li><a href="opciones?opcion=4"><span><span>Buscar</span></span></a></li>
            </ul>
          </nav>
          <ul class="tabs2">
            <li><a href="series.jsp"><span><span>Administrar Series</span></span></a></li>
            <li><a href="javascript:nuevaSerie();"><span><span>Nueva Serie</span></span></a></li>
          </ul>
          <div class="tab_container">
            <div id="tab1" class="tab_content">
               <center>
                   <div id="admin"></div>
                   <br>
                    ${series}
               </center>
            </div>
                
          </div>
        </div>
      </header>
      <div class="container">
        <!-- aside -->
        <aside>
          <div class="inside">
           
              <% HttpSession sesion=request.getSession();

            if( sesion.getAttribute("usuario") != null ){ %>

                ${loginAcceso}


            <% } else { %>

                
                    <ul class="list">
                        <li><a id="abrir" href="javascript:initSession();">Iniciar Session</a></li>
                        <li><a id="abrir" href="javascript:registerUser();">Registrarse</a></li>
                      </ul>  <br>
                    
            <% } %>  
              
               <!-- <a href="Personas.jsp">Registrar Personas</a> -->

              <figure><img src="images/extra-img.png"></figure>
          </div>
        </aside>
        <!-- content -->
        <section id="content">
          <div class="wrapper">

          </div>
        </section>
      </div>
    </div>
               
 <!-- Dialog Login-->
    <div id="dialog" title="Acceso de usuario">
        <form action="opciones" method="post">
            <input type="text" name="user" placeholder="usuario" required>
            <input type="password" name="password" placeholder="contraseña" required=""><br>
            <input type="submit" value="Ingresar">
         </form>
    </div>
      
    <!-- Dialog Login-->
    <div id="registro" title="Registro de usuario">
        <form action="opciones" method="post">
            <input type="text" name="identificacion" placeholder="Identificacion" required>
            <input type="text" name="nombre" placeholder="Nombre" required>
            <input type="text" name="usuario" placeholder="Usuario" required>
            <input type="password" name="clave" placeholder="Contraseña" required=""><br>
            <input type="text" name="direccion" placeholder="Direccion" required>
            <input type="text" name="telefono" placeholder="Telefono" required>
            <input type="mail" name="correo" placeholder="Correo" required>
            <input type="hidden" name="regnewuser" id="regnewuser" value="1">
            <input type="submit" value="Registrarme">
         </form>
    </div>               

    
    <!-- Dialog Calificacion -->
    <div id="calificar" title="Calificar Video"></div>

     <!-- Dialog nueva serie-->
    <div id="n_ser" title="Crear nueva serie">
        <form action="series?opcion=0" method="post">
            <input type="text" name="nombre" id="nombre" placeholder="Nombre" required>
            <input type="text" name="identificacion" id="identificacion" placeholder="Identificacion" required=""><br>
            <input type="hidden" name="nuevaserie" value="1">
            <input type="hidden" name="idserie" id="idserie" value="">
            <input type="submit" value="Guardar">
         </form>
    </div>
                     
     <!-- Dialog eliminar serie-->
    <div id="eli_ser" title="Eliminar Serie">
        <form action="series?opcion=0" method="post">
            <span>¿Confirma que desea eliminar la serie <b><span id="nomsereli"></span></b>?</span>
            <input type="hidden" name="eliminarserie" value="1">
            <input type="hidden" name="idserie" id="idserie" value="">
         </form>
    </div>
               
     <!-- Dialog dessociar serie-->
    <div id="eli_ser" title="Desasociar Video de Serie">
        <form action="series?opcion=0" method="post">
            <span>¿Confirma que desea desasociar el video <b><span id="nomvideli"></span></b> de la serie <b><span id="nomsereli"></span></b>?</span>
            <input type="hidden" name="eliminarserie" value="1">
            <input type="hidden" name="idserie" id="idserie" value="">
         </form>
    </div>
               
    <!-- footer -->
    <footer>
      <div class="container">
        <div class="inside">Proyecto VideoMinuto Arquitectura de Software
          (Gisell, Edisson, Fabian y Oscar).<br>
          Plantilla Web tomada de TemplateMonster.com provided by Templates.com<br>
          <!-- VLinks --></div>
      </div>
    </footer>
    
    <script>
    $(document).ready(function(){
					  
  // Para ventanas modal login    
    $(function () {
    $("#dialog").dialog({
    autoOpen: false,
    modal: true /*,
    buttons: {
    "Cerrar": function () {
    $(this).dialog("close");
    }
    }*/});
    });


    $(function () {
    $("#registro").dialog({
    autoOpen: false,
    modal: true /*,
    buttons: {
    "Cerrar": function () {
    $(this).dialog("close");
    }
    }*/});
    });



    $(function () {
    $("#n_ser").dialog({
    autoOpen: false,
    modal: true
    });
    });

    $(function () {
    $("#eli_ser").dialog({
    autoOpen: false,
    modal: true,
    buttons: {
        "Aceptar": function () {
            eliminarPeliculadeSerieBD();
        },
        "Cancelar": function () {
            $(this).dialog("close");
        }
    }
    });
    });

    $(function () {
    $("#eli_ser").dialog({
    autoOpen: false,
    modal: true,
    buttons: {
        "Aceptar": function () {
            eliminarPeliculadeSerieBD();
        },
        "Cancelar": function () {
            $(this).dialog("close");
        }
    }
    });
    });

    });
    </script>
    
  </body>
</html>
